 <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="/css/admincss.css">
    <link rel="stylesheet" href="/css/mdui.css">
    <!--头部-->
</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar  mdui-theme-primary-amber mdui-theme-accent-pink">
<header class="mdui-appbar mdui-appbar-fixed">
    <div class="mdui-toolbar mdui-color-theme">
        <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}" id="toggle"><i class="mdui-icon material-icons">menu</i></span>
        <a href="index.php" class="mdui-typo-headline mdui-hidden-xs">个人中心</a>
        <div class="mdui-toolbar-spacer"></div>
    </div>
</header>
<!--头部 end-->
<div class="mdui-container">
    <!--侧边栏 -->
    <!--侧边栏 -->
    <div class="mdui-drawer" id="main-drawer">
        <ul class="mdui-list">
            <li class="mdui-list-item mdui-ripple" mdui-dialog="{target: '#geout'}" th:if="${session.username}">
                <i class="mdui-list-item-icon mdui-icon material-icons">keyboard_return</i>
                <div class="mdui-list-item-content" onclick="window.open('logout', '_self')">注销</div>
            </li>
            <li class="mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
                <div class="mdui-list-item-content" onclick="window.open('index', '_self')">回到首页</div>
            </li>

            <li class="mdui-list-item mdui-ripple" mdui-dialog="{target: '#LoginDialog'}" th:unless="${session.username}">
                <i class="mdui-list-item-icon mdui-icon material-icons">send</i>
                <div class="mdui-list-item-content">登录</div>
            </li>
            <li class="mdui-list-item mdui-ripple" mdui-dialog="{target: '#RegisterDialog'}" th:unless="${session.username}">
                <i class="mdui-list-item-icon mdui-icon material-icons">assignment</i>
                <div class="mdui-list-item-content">注册</div>
            </li>


            <li class="mdui-subheader" th:if="${session.username}"><a>欢迎回来&nbsp;&nbsp;&nbsp;</a>
                <a th:text="${session.username}"></a>
            </li>

            <li class="mdui-subheader" th:unless="${session.username}"><a>请登录</a>
                <div></div>
            </li>

            <!-- 身份区分-->
            <!-- 管理员 -->

            <li class="mdui-list-item mdui-ripple" id="admin" mdui-dialog="{target: '#admin'}" th:if="${session.isAdmin eq 1}">
                <i class="mdui-list-item-icon mdui-icon material-icons">dashboard</i>
                <div class="mdui-list-item-content" onclick="window.open('/admin', '_self')">管理中心</div>
            </li>

            <!-- 普通用户-->
            <li class="mdui-list-item mdui-ripple" id="member" mdui-dialog="{target: '#member'}" th:if="${session.username}">
                <i class="mdui-list-item-icon mdui-icon material-icons">donut_small</i>
                <div class="mdui-list-item-content" onclick="window.open('/user', '_self')">个人中心</div>
            </li>
            <!-- 未登录，不显示-->
            <li class="mdui-list-item mdui-ripple">
                <i class="mdui-list-item-icon mdui-icon material-icons">email</i>
                <div class="mdui-list-item-content" onclick="window.open('mailto:xxxxxxxx@localhost.com', '_self')">与我联系</div>
            </li>
        </ul>
    </div>
    </br></br></br>

			<div>
                <img class='mdui-img-circle' th:src="${session.avatar}" />
            </div>
        Hi，<strong><div class="mdui-typo-title"><a th:text="${session.username}"></a></div></strong>

        <div class="mdui-typo-subheading-opacity" th:if="${session.isAdmin eq 1}">管理员</div>


        <div class="mdui-typo-subheading-opacity" th:if="${session.isAdmin eq 0}">订阅者</div>

        </br></br></br>
<form action='uploadavatar' method='post' enctype='multipart/form-data'>
    <div class='mdui-typo-body-1'>请选择你的头像</div></br>
    <input type='file' name='file' id='file' accept='image/pjpeg,image/gif,image/png'/></br></br>
    <a th:href="${session.avatar}" download='avatar.jpg'><button type='reset' class='mdui-btn mdui-btn-raised mdui-ripple'>下载头像</button></a>
    <button type='reset' class='mdui-btn mdui-btn-raised mdui-ripple'>重新选择</button>
    <button class='mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent'>修改头像</button>
</form>

    </br><form action='usergravatar' method='post' enctype='multipart/form-data'>
            <button class='mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent'>使用 gravatar</button>
    <!--//file_put_contents("img/avatar/a.jpg",file_get_contents("http://cn.gravatar.com/avatar/e23163bb2fc9da09505510cc1e5c02ee"))-->
    </form>

    </br></br></br></br></br></br>
    <div class='mdui-typo-body-1'>订阅清单</div></br>
    <div class="mdui-list-news"></div>
<!--</br></br></br>
<form action="avatarupload" method="post" enctype="multipart/form-data">
        <div class="mdui-typo-body-1">请选择你的头像</div></br>
        <input type="file" name="file" id="file" accept="image/pjpeg,image/gif,image/png"/></br></br>
        <a href=><button type="reset" class="mdui-btn mdui-btn-raised mdui-ripple">下载头像</button>
        <button type="reset" class="mdui-btn mdui-btn-raised mdui-ripple">重新选择</button>
        <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent">修改头像</button>


</form>-->





</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/mdui.js"></script>
<script>
    //md5计算
    !function(n){"use strict";function d(n,t){var r=(65535&n)+(65535&t);return(n>>16)+(t>>16)+(r>>16)<<16|65535&r}function f(n,t,r,e,o,u){return d((c=d(d(t,n),d(e,u)))<<(f=o)|c>>>32-f,r);var c,f}function l(n,t,r,e,o,u,c){return f(t&r|~t&e,n,t,o,u,c)}function v(n,t,r,e,o,u,c){return f(t&e|r&~e,n,t,o,u,c)}function g(n,t,r,e,o,u,c){return f(t^r^e,n,t,o,u,c)}function m(n,t,r,e,o,u,c){return f(r^(t|~e),n,t,o,u,c)}function i(n,t){var r,e,o,u;n[t>>5]|=128<<t%32,n[14+(t+64>>>9<<4)]=t;for(var c=1732584193,f=-271733879,i=-1732584194,a=271733878,h=0;h<n.length;h+=16)c=l(r=c,e=f,o=i,u=a,n[h],7,-680876936),a=l(a,c,f,i,n[h+1],12,-389564586),i=l(i,a,c,f,n[h+2],17,606105819),f=l(f,i,a,c,n[h+3],22,-1044525330),c=l(c,f,i,a,n[h+4],7,-176418897),a=l(a,c,f,i,n[h+5],12,1200080426),i=l(i,a,c,f,n[h+6],17,-1473231341),f=l(f,i,a,c,n[h+7],22,-45705983),c=l(c,f,i,a,n[h+8],7,1770035416),a=l(a,c,f,i,n[h+9],12,-1958414417),i=l(i,a,c,f,n[h+10],17,-42063),f=l(f,i,a,c,n[h+11],22,-1990404162),c=l(c,f,i,a,n[h+12],7,1804603682),a=l(a,c,f,i,n[h+13],12,-40341101),i=l(i,a,c,f,n[h+14],17,-1502002290),c=v(c,f=l(f,i,a,c,n[h+15],22,1236535329),i,a,n[h+1],5,-165796510),a=v(a,c,f,i,n[h+6],9,-1069501632),i=v(i,a,c,f,n[h+11],14,643717713),f=v(f,i,a,c,n[h],20,-373897302),c=v(c,f,i,a,n[h+5],5,-701558691),a=v(a,c,f,i,n[h+10],9,38016083),i=v(i,a,c,f,n[h+15],14,-660478335),f=v(f,i,a,c,n[h+4],20,-405537848),c=v(c,f,i,a,n[h+9],5,568446438),a=v(a,c,f,i,n[h+14],9,-1019803690),i=v(i,a,c,f,n[h+3],14,-187363961),f=v(f,i,a,c,n[h+8],20,1163531501),c=v(c,f,i,a,n[h+13],5,-1444681467),a=v(a,c,f,i,n[h+2],9,-51403784),i=v(i,a,c,f,n[h+7],14,1735328473),c=g(c,f=v(f,i,a,c,n[h+12],20,-1926607734),i,a,n[h+5],4,-378558),a=g(a,c,f,i,n[h+8],11,-2022574463),i=g(i,a,c,f,n[h+11],16,1839030562),f=g(f,i,a,c,n[h+14],23,-35309556),c=g(c,f,i,a,n[h+1],4,-1530992060),a=g(a,c,f,i,n[h+4],11,1272893353),i=g(i,a,c,f,n[h+7],16,-155497632),f=g(f,i,a,c,n[h+10],23,-1094730640),c=g(c,f,i,a,n[h+13],4,681279174),a=g(a,c,f,i,n[h],11,-358537222),i=g(i,a,c,f,n[h+3],16,-722521979),f=g(f,i,a,c,n[h+6],23,76029189),c=g(c,f,i,a,n[h+9],4,-640364487),a=g(a,c,f,i,n[h+12],11,-421815835),i=g(i,a,c,f,n[h+15],16,530742520),c=m(c,f=g(f,i,a,c,n[h+2],23,-995338651),i,a,n[h],6,-198630844),a=m(a,c,f,i,n[h+7],10,1126891415),i=m(i,a,c,f,n[h+14],15,-1416354905),f=m(f,i,a,c,n[h+5],21,-57434055),c=m(c,f,i,a,n[h+12],6,1700485571),a=m(a,c,f,i,n[h+3],10,-1894986606),i=m(i,a,c,f,n[h+10],15,-1051523),f=m(f,i,a,c,n[h+1],21,-2054922799),c=m(c,f,i,a,n[h+8],6,1873313359),a=m(a,c,f,i,n[h+15],10,-30611744),i=m(i,a,c,f,n[h+6],15,-1560198380),f=m(f,i,a,c,n[h+13],21,1309151649),c=m(c,f,i,a,n[h+4],6,-145523070),a=m(a,c,f,i,n[h+11],10,-1120210379),i=m(i,a,c,f,n[h+2],15,718787259),f=m(f,i,a,c,n[h+9],21,-343485551),c=d(c,r),f=d(f,e),i=d(i,o),a=d(a,u);return[c,f,i,a]}function a(n){for(var t="",r=32*n.length,e=0;e<r;e+=8)t+=String.fromCharCode(n[e>>5]>>>e%32&255);return t}function h(n){var t=[];for(t[(n.length>>2)-1]=void 0,e=0;e<t.length;e+=1)t[e]=0;for(var r=8*n.length,e=0;e<r;e+=8)t[e>>5]|=(255&n.charCodeAt(e/8))<<e%32;return t}function e(n){for(var t,r="0123456789abcdef",e="",o=0;o<n.length;o+=1)t=n.charCodeAt(o),e+=r.charAt(t>>>4&15)+r.charAt(15&t);return e}function r(n){return unescape(encodeURIComponent(n))}function o(n){return a(i(h(t=r(n)),8*t.length));var t}function u(n,t){return function(n,t){var r,e,o=h(n),u=[],c=[];for(u[15]=c[15]=void 0,16<o.length&&(o=i(o,8*n.length)),r=0;r<16;r+=1)u[r]=909522486^o[r],c[r]=1549556828^o[r];return e=i(u.concat(h(t)),512+8*t.length),a(i(c.concat(e),640))}(r(n),r(t))}function t(n,t,r){return t?r?u(t,n):e(u(t,n)):r?o(n):e(o(n))}"function"==typeof define&&define.amd?define(function(){return t}):"object"==typeof module&&module.exports?module.exports=t:n.md5=t}(this);
    //# sourceMappingURL=md5.min.js.map
    //MD5计算js结束
    var str="";

    var loadlist=$.ajax(
        {
            url:"/getAllSubscription",
            data:{},
            type:"POST",
            dataType:"json",
            async:false,
            success:function (data) {
                if(data.statecode == 200){
                    optionJson = data.data;
                    var str = "";
                    var hash = md5(str);
                    if(optionJson.length > 0){
                        for(var i = 0 ; i  < optionJson.length ; i++){
                            hash = md5(optionJson[i].name);
                            //alert(optionJson[i].title);
                            str+=
                                "<label class='mdui-list-item mdui-ripple'>" +
                                    "<div class='mdui-list-item-avatar'><img src='/img/origin/" + hash + ".jpg'/></div>" +
                                    "<div class='mdui-list-item-content'>" + optionJson[i].name + "</div>" +
                                    "<div class='mdui-checkbox'>" +
                                        "<input class='subscribe_checkbox' id='" + hash +"' type='checkbox' name='" + optionJson[i].type + "'/>" +
                                        "<i class='mdui-checkbox-icon'></i>" +
                                    "</div>" +
                                "</label>"
                            $(".mdui-list-news").html(str)
                        }
                    }

                }
                else{
                    alert(data.msg)
                }
            },
            error:function () {
                alert("错误");
            }
        }
    );
    $.ajax(
        {
            url:"/getUserSubscription",
            data:{},
            type:"POST",
            dataType:"json",
            success:function (data) {
                if(data.statecode == 200){
                    optionJson = data.data;
                    var str = "";
                    var hash = md5(str);
                    if(optionJson.length > 0){
                        for(var i = 0 ; i  < optionJson.length ; i++){
                            hash = md5(optionJson[i].name);
                            //alert(optionJson[i].title);
                            document.getElementById(hash).setAttribute('checked',true)
                        }
                    }

                }
                else{
                    alert(data.msg)
                }
            },
            error:function () {
                alert("错误");
            }
        }
    )
</script>
 <script>
     var $$ = mdui.$;
     function tipsAdd() {
         mdui.snackbar({
             message: '已成功订阅',
             position: 'top'
         });
     }
     function tipsDel() {
         mdui.snackbar({
             message: '已成功退订',
             position: 'top'
         });
     }
     $(function () {
         $(".subscribe_checkbox").click(function (event) {
             var operateNum=document.getElementById(event.target.id).name;
             var operateJson={
                 "type": operateNum
             };
             if (this.checked==true){
                 //alert(id + "选中");
                 $.ajax({
                     type: "POST",
                     url: "/insertUserSubscription",
                     contentType: "application/json;charset=utf-8",
                     data:JSON.stringify(operateJson),//schoolList是你要提交是json字符串
                     dataType: "json",
                     success:function (message) {
                         //alert("提交成功"+JSON.stringify(message));
                         console.log(message);
                     },
                     error:function (message) {
                         //alert("提交失败"+JSON.stringify(message));
                         console.log(message);
                     }
                 });
                 tipsAdd();
             }
             else {
                 $.ajax({
                     type: "POST",
                     url: "/deleteUserSubscription",
                     contentType: "application/json;charset=utf-8",
                     data:JSON.stringify(operateJson),//schoolList是你要提交是json字符串
                     dataType: "json",
                     success:function (message) {
                         //alert("提交成功"+JSON.stringify(message));
                         console.log(message);
                     },
                     error:function (message) {
                         //alert("提交失败"+JSON.stringify(message));
                         console.log(message);
                     }
                 });
                 tipsDel();
             }
         })

     })
 </script>
</html>


